/* 头尾css */
.nav{width: 67%;min-width: 1280px;min-height: 60px;margin: 0px auto;padding-bottom: 32px;}
.nav_1{width: 68%;min-width: 1150px;margin: 0 auto;}
.logo,.eachtitle{float: left;}
.eachtitle li{display: inline-block;height: 100%;line-height: 85px;width: 50px;margin-left: 60px;cursor: pointer;font-size: 20px;}
.fontcolor{color: #197b0a;border-top: 2px solid #197b0a;}
.login{float: right;height: 85px;line-height: 85px;font-size: 16px;}
.logo img{width:181px;}
.login span:nth-child(2n+1){box-sizing: border-box;padding: 0 5px;cursor: pointer;}
.login span:nth-child(1){color: #197b0a;cursor: pointer;}
.footdiv{width: 100%;background: #333333;}
.footerdiv{width: 68%; min-width: 1150px;margin: 0 auto;overflow: hidden;border-bottom: 1px solid #555;padding: 40px 0 45px 0;box-sizing: border-box;}
.footerdiv ul{float: left;color: #fff;}
.footerdiv div{float: right;}
.footerdiv ul:nth-child(2){margin: 0 95px;}
.footerdiv ul li{font-size: 16px;line-height: 40px;cursor: pointer;height: 40px;}
.firsttitle{font-size: 20px!important;margin-bottom: 35px;height: 20px !important;line-height: 20px !important;}
.seconder{margin:0 30px;}
.footerdiv div img{height: 120px;width: 120px;margin-bottom: 10px;}
.footerdiv div p{text-align: center;font-size: 14px;color: #fff;}
.Touristarea{width: 68%; min-width: 1150px;margin: 0 auto;box-sizing: border-box;padding: 20px 85px;}
.Touristarea ul{text-align: center;}
.Touristarea ul li{display: inline-block;font-size: 14px;color: #fff;cursor: pointer;line-height: 32px;}
.beian{width: 100%;text-align: center;background: #2b2f2f;color: #fff;font-size: 12px;height: 42px;line-height: 42px;}
.firstlydiv{box-sizing: border-box;padding: 10px 20px 30px 20px;}
.fontactive{color:#197b0a}
/* 头尾css */
.contents{width: 100%;background: #fafafa;box-sizing: border-box;padding: 15px 0;}
.context{width: 68%; min-width: 1150px;margin: 0 auto;overflow: hidden;}
.leftcont{width: 70%;box-sizing: border-box;padding: 15px 0;float: left;}
.contitle{font-size: 24px;color: #333;}
.contitle span:nth-child(2){margin-left: 14px;}
.contitle span:nth-child(1){border: 3px solid #a8d755;display: inline-block;height: 24px;margin-bottom: -6px;}
.coninfodiv{border-bottom: 1px solid #cccccc;box-sizing: border-box;width: 94%;margin: 0 auto;padding-bottom: 15px;}
.contitle_2{font-size: 18px;color: #197b0a;box-sizing: border-box;padding: 30px 0 15px 0;cursor: pointer;}
.context_1{overflow: hidden;}
.conimg{float: left;width: 220px;height: 140px;margin-right: 20px;margin-top: 3px;}
.numinfo div:nth-child(2){float: right;}
.numinfo div:nth-child(1){float: left;}
.con{line-height: 28px; font-size: 14px;color: #333333;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 3;line-clamp: 3;-webkit-box-orient: vertical;box-sizing: border-box;padding: 14px 0 0px 0;}
.numinfo{font-size: 14px;overflow: hidden;}
.headimg{height: 16px;width: 16px;border-radius: 50%;margin-bottom: 3px;}
.browsenum{margin:0 10px;color: #666666;cursor: context-menu;}
.username{color: #197b0a;cursor: context-menu;}
.like{color: #666666;cursor: context-menu;}
.contents_1{background: #fff;margin-bottom: 30px;box-sizing: border-box;padding: 30px 0;position: relative;}
.allcontent{position: absolute;right: 20px;top: 30px;font-size: 18px;color: #666;cursor: pointer;}
.fiveimg{overflow: hidden;height: 255px;width: 94%;margin: 0 auto;margin-top: 30px;}
.fiveimg_1{float: left;width: 48%;position: relative;}
.fourimg{float: right;width: 52%;}

.fiveimg_1 img{width: 100%;height: 255px;}

.zhe{background: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;right: 0;bottom: 0;line-height: 255px;text-align: center;font-size: 17px;color: #fff;}
.rightcont{float: right;width: 28%;box-sizing: border-box;padding: 15px 0;}
.rightcont_1{background: #fff;margin-bottom: 20px;box-sizing: border-box;padding: 30px 0;}
.thirtytwodiv{width: 86%;margin: 0 auto;text-align: center;margin-top: 30px;position: relative;}
.thirtytwo{width: 100%;}
.topictitle{overflow: hidden;}
.topictitle h4{cursor: pointer; color: #333333; font-size: 18px; font-weight: 400; float: left;width: 81%;line-height: 32px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-line-clamp: 2;line-clamp: 2;-webkit-box-orient: vertical;}
.topicdiv{width: 86%;margin: 0 auto;margin-top: 15px;border-bottom: 1px solid #cccccc;box-sizing: border-box;padding-bottom: 10px;}
.topictitle span{float: right;background: #ee573f;color: #fff;font-size: 14px;display: inline-block;width: 15%;margin-top: 5px;text-align: center;height: 20px;line-height: 20px;}
.topicinfo{font-size: 13px;margin-top: 10px;display: flex;flex-wrap: wrap;justify-content: space-around;}
.topicinfo img{width: 24px; height: 24px;border-radius: 50%; margin-left: -5px;margin-top: -4px;}
.morespan{float: right;font-size: 18px;margin: 5px 25px 0 0 ;color: #666;}
.societysdiv{width: 86%;margin: 0 auto;margin-top: 30px;border-bottom: 1px solid #cccccc;box-sizing: border-box;padding-bottom: 23px;overflow: hidden;}
.societyimg{float: left;width: 98px;height: 98px;border-radius: 10px;margin-right: 20px;}
.societyname{font-size: 17px;color: #333333;}
.societynum{font-size: 14px;margin: 12px 0 19px 0;color: #666;}
.societybut{background: #a8d755;color: #fff;padding: 2px 10px;border-radius: 5px;font-size: 14px;}
.articlesdiv{width: 86%;margin: 0 auto;margin-top: 10px;box-sizing: border-box;padding-bottom: 10px;}
.articlesdiv h4{border-bottom: 1px solid #cccccc;line-height: 32px;box-sizing: border-box;padding: 15px 0;font-size: 18px;font-weight: 400;color: #333333;cursor: pointer;}
.contimginfo{background: #fff;padding: 30px 0;}
.layui-btn{background: #a8d755 !important;height: 26px !important;line-height: 26px !important;border-radius: 5px !important;padding: 0 14px !important;}
.fade-enter-active, .fade-leave-active {
    transition: opacity .5s;
  }
  .fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
    opacity: 0;
  }
/* .fourimg img:nth-child(1),.fourimg img:nth-child(2){height: 145px;width: 100%;}
.fourimg img:nth-child(3),.fourimg img:nth-child(4){height: 109px;width: 100%;} */
/* .fiveimg div:nth-child(2) img{width: 48%;margin-left: 1%;} */
.fourimg{display:flex;flex-wrap: wrap;}
.fourimg div{width: 48%;margin-left: 1%;position: relative;}
.fourimg div:nth-child(1),.fourimg div:nth-child(2){height: 141px;}
.fourimg div:nth-child(3),.fourimg div:nth-child(4){height: 109px;margin-top: 4px;}
.fourimg div:nth-child(1) img,.fourimg div:nth-child(2) img{height: 141px;width: 100%;}
.fourimg div:nth-child(3) img,.fourimg div:nth-child(4) img{height: 109px;width: 100%;}
.fourzhe{background: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;right: 0;bottom: 0;font-size: 17px;color: #fff;display:none;}
.fourzhe span{display: inline-block;height: 25px;line-height: 25px;position: absolute;top: 50%;margin-top: -12.5px;text-align: center;left: 0;right: 0;}
.ggzhe{background: rgba(0, 0, 0, 0.3);position: absolute;top: 0;left: 0;right: 0;bottom: 0;font-size: 17px;color: #fff;}
.ggzhe p{height: 25px;line-height: 25px;position: absolute;top: 50%;margin-top: -12.5px;text-align: center;width: 100%;font-size: 18px;}
.eachtitle a:hover{color: #197b0a;}